<template>
  <div>
    <button v-for="btn2 in btnlist" :key='btn2' @click="changeBtn(btn2)">{{btn2}}</button>
  </div>
</template>

<script>
export default {
  // props: {
  //   btnState: String
  // },
  data () {
    return {
      btnlist: ['all', 'finish', 'unfinish']
    }
  },
  methods: {
    changeBtn (btn2) {
      // this.btnState = btn2;
      this.$emit('changeBtnState', btn2)
    }
  }

}
</script>

<style>

</style>
